<template>
	<div class="header-swiper swiper-container">
		<div class="swiper-wrapper">
			<div class="swiper-slide" v-for="(item,index) in SwipersList" :key="item.id">
				<img :src="item.imgURL" />
			</div>
		</div>
	</div>
</template>

<script>
	import Swiper from 'swiper'
	export default {
		props: ['SwipersList'],
		data() {
			return {
	
			}
		},
		updated() {
			new Swiper('.header-swiper', {
				loop:true,
				observe:true,
				observerParents:true,
			})
		}
	}
</script>

<style scoped>
	.swiper-container{
		width: 100%;
		height: 4.18rem;/*209px*/
	}
	.swiper-slide img{
		width: 100%;
		height: 100%;
	}
</style>
